<template>
	<view class="item-box">
		<u-card>
			<view class="" slot="head">
				<view class="u-flex u-flex-b u-font-16">
					<view class="u-flex u-font-14">
						<image src="../../static/icon/ic_type_location.png" style="width: 40rpx; height: 40rpx" class="u-m-r-20" mode=""></image>
						{{ item.name }}
						(
						<view class="u-flex u-font-14" :class="item.status == '0' ? 'success-color' : 'error-color'">
							{{ item.status == '0' ? '正常' : '异常' }}
						</view>
						)
					</view>
					<view class="">
						<u-icon name="close" @click="close"></u-icon>
					</view>
				</view>
			</view>
			<view class="" slot="body">
				<view class="u-flex u-m-b-10">
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">供温</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.supply_temp }}°C</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">供压</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.supply_pre }}MPa</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">瞬时流量</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.instantaneous_flow }}m³/h</b>
						</view>
					</view>
				</view>
				<view class="u-flex u-m-b-10">
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">回温</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.back_temp }}°C</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">回压</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.back_pre }}MPa</b>
							
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">瞬时热量</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.instantaneous_heat }}GJ/h</b>
						</view>
					</view>
				</view>
				<u-line color="info"></u-line>
				<view class="u-m-t-10 u-m-b-10" style="color: #2796f2">二次网数据</view>
				<view class="u-flex u-m-b-10">
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">供温</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.supply_temp_t }}°C</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">供压</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.supply_pre_t }}MPa</b>
							
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">阀门开度</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.value_opening }}%</b>
							
						</view>
					</view>
				</view>
				<view class="u-flex u-m-b-10">
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">回温</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.back_temp_t }}°C</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">回压</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.back_pre_t }}MPa</b>
						</view>
					</view>
					<view class="u-flex-1 u-p-10">
						<view class="u-font-12 u-m-b-10">供热面积</view>
						<view class="u-font-12">
							<b class="u-font-16 u-m-r-10">{{ item.hot_area }}㎡</b>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="" slot="foot">
				<view class="u-flex u-flex-e" >
					<u-icon name="clock" size="34" color=""></u-icon>
					<text class="u-font-13 u-m-l-10" :class="item.crewdata.status == '0' ? 'success-color' : 'error-color'">{{item.crewdata.get_time}}</text>
				</view>
			</view> -->
		</u-card>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		item: {
			default: {}
		}
	},
	methods: {
		close() {
			this.$emit('close');
		}
	}
};
</script>

<style lang="scss">
.item-box {
	position: fixed;
	/* #ifdef H5 */
	bottom: 100rpx;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	bottom: 0rpx;
	/* #endif */
	width: 100%;
}
.icon_setUp {
	width: 187rpx;
	height: 32rpx;
	/* #ifdef MP */
	padding-left: 24rpx;
	/* #endif */
	/* #ifndef MP  */
	padding-right: 24rpx;
	/* #endif  */
	font-size: $uni-font-size-base;
	.icon_setUp_text {
		padding-left: 12rpx;
		line-height: 32rpx;
	}
}
.text-right {
	text-align: right;
	color: #2796f2;
}
.error-color {
	color: #fa3534;
}
.success-color {
	color: #19be6b;
}
</style>
